﻿<Page x:Class="Microsoft.Research.DynamicDataDisplay.Samples.Demos.v031.HideAxisSample"
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	  xmlns:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"
	Title="HideAxisSample">

	<Page.Resources>
		<Style TargetType="{x:Type d3:Segment}">
			<Setter Property="Stroke" Value="Orange"/>

			<Style.Triggers>
				<EventTrigger RoutedEvent="Shape.Loaded">
					<BeginStoryboard>
						<Storyboard>
							<DoubleAnimation 
									From="1" 
									To="10" 
									Duration="0:0:3" 
									AutoReverse="True"
									RepeatBehavior="Forever"
									Storyboard.TargetProperty="StrokeThickness"/>
						</Storyboard>
					</BeginStoryboard>
				</EventTrigger>
			</Style.Triggers>
		</Style>
	</Page.Resources>

	<Grid>
		<d3:ChartPlotter Name="plotter" MainHorizontalAxis="{x:Null}" MainVerticalAxis="{x:Null}">
			<d3:Segment StartPoint="{Binding ElementName=point0, Path=Position}" 
						EndPoint="{Binding ElementName=point1, Path=Position}"
						Style="{x:Null}"/>
			<d3:Segment StartPoint="{Binding ElementName=point0, Path=Position}" 
						EndPoint="{Binding ElementName=point2, Path=Position}"
						Style="{x:Null}"/>
			<d3:Segment StartPoint="{Binding ElementName=point0, Path=Position}" 
						EndPoint="{Binding ElementName=point3, Path=Position}"
						Style="{x:Null}"/>
			<d3:Segment StartPoint="{Binding ElementName=point0, Path=Position}" 
						EndPoint="{Binding ElementName=point4, Path=Position}"
						Style="{x:Null}"/>

			<d3:DraggablePoint Position="0.4, 0.75" Name="point0"/>
			<d3:DraggablePoint Position="0.8, 0.8" Name="point1"/>
			<d3:DraggablePoint Position="0.7, 0.6" Name="point2"/>
			<d3:DraggablePoint Position="0.7, 0.9" Name="point3"/>
			<d3:DraggablePoint Position="0.6, 0.55" Name="point4"/>

			<d3:HorizontalLine Value="{Binding ElementName=point0, Path=Position.Y}" Stroke="Aquamarine"/>

			<!-- H -->
			<d3:Segment StartPoint="0.2, 0.2" EndPoint="0.2, 0.4"/>
			<d3:Segment StartPoint="0.2, 0.3" EndPoint="0.25, 0.3"/>
			<d3:Segment StartPoint="0.25, 0.2" EndPoint="0.25, 0.4"/>

			<!-- E -->
			<d3:Segment StartPoint="0.3, 0.3" EndPoint="0.35, 0.4"/>
			<d3:Segment StartPoint="0.3, 0.3" EndPoint="0.35, 0.2"/>
			<d3:Segment StartPoint="0.3, 0.3" EndPoint="0.4, 0.3"/>
			<d3:Segment StartPoint="0.35, 0.4" EndPoint="0.4, 0.3"/>

			<!-- L -->
			<d3:Segment StartPoint="0.45, 0.2" EndPoint="0.45, 0.4"/>
			<d3:Segment StartPoint="0.45, 0.2" EndPoint="0.5, 0.2"/>

			<!-- L -->
			<d3:Segment StartPoint="0.55, 0.2" EndPoint="0.55, 0.4"/>
			<d3:Segment StartPoint="0.55, 0.2" EndPoint="0.6, 0.2"/>

			<!-- O -->
			<d3:Segment StartPoint="0.65, 0.3" EndPoint="0.7, 0.2"/>
			<d3:Segment StartPoint="0.65, 0.3" EndPoint="0.7, 0.4"/>
			<d3:Segment StartPoint="0.7, 0.2" EndPoint="0.75, 0.3"/>
			<d3:Segment StartPoint="0.7, 0.4" EndPoint="0.75, 0.3"/>

			<d3:ViewportPolyline Points="0.1,0.1 0.1,0.2 0.2,0.2 0.2,0.1"/>
			<d3:ViewportPolygon Points="0.3,0.6 0.3,0.7 0.35,0.6 0.2,0.8 0.4,0.65, 0.4,0.7">
				<d3:ViewportPolygon.Fill>
					<VisualBrush Viewport="0.3,0.3,0.4,0.4">
						<VisualBrush.Visual>
							<MediaElement Source="C:\Users\Public\Videos\Sample Videos\Bear.wmv"/>
						</VisualBrush.Visual>
					</VisualBrush>
				</d3:ViewportPolygon.Fill>
			</d3:ViewportPolygon>

			<d3:CursorCoordinateGraph/>
		</d3:ChartPlotter>
	</Grid>
</Page>
